var example1 = new Vue({
    el:'#example-1',
    data:{
        counter: 0, 
        number: 0
    }
})

var example2 = new Vue({
    el:'#example-2',
    data:{
        name:'Vue.js'
    },
    methods:{
        greet:function(){
            alert( 'Hello' + this.name + '!')
            if(event){
                alert(event.target.tagName)
                // target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。
                // tagName 属性返回元素的标签名。
                // 在HTML中,tagName属性的返回值始终是大写的。
            }
        }
    }
})

new Vue({
    el: '#example-3',
    methods: {
      say: function (message) {
        alert(message)
      }
    }
  })

  new Vue({
      el:"#example-4",
      methods:{
        warn: function (message,event){
            if(event) event.preventDefault()
                alert(message)
            }
        }
  })